<template>
  <div>


    <div class="foot">
      <footer class="lh-footer">
        <div class="container1">
          <div class="lh-footer-a">
            <div class="lh-footer-l">
              <h3>BOXER HOUSE</h3>
              <ul class="lh-footer-nav ">
                <li> <i class="el-icon-user"></i> <em>案例欣赏</em> <i class="el-icon-arrow-right"></i> </li>
                <li> <i class="el-icon-school"></i> <em>服务支持</em> <i class="el-icon-arrow-right"></i> </li>
                <li> <i class="el-icon-map-location"></i> <em>联系我们</em> <i class="el-icon-arrow-right"></i> </li>
              </ul>
            </div>
            <div class="lh-footer-r ">

              <img src="../assets/img/erw.png">
              <div class="text">
                <h2>180-8652-5758</h2>
                <h3>办公地址：杭州市西湖百家园路68号润龙-西溪文创园</h3>
                <h3>生产基地：杭州市建德市杨村桥镇岭脚村（工业功能区）</h3>
                <h3>常经理：15356717080 </h3>
                <h3>邮箱：545508392@qq.com</h3>
              </div>
            </div>
          </div>
          <div class="lh-footer-b">
            <h2>Copyright @ 杭州市西湖百家园路68号润龙-西溪文创园 </h2>
          </div>
        </div>
      </footer>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return{

      }
    }
  }
</script>

<style scoped lang="less">
.foot{
  background: #333333;
  width: 100%;
  color: #FFFFFF;
  .lh-footer{
    padding:  50px 0 0px 0;
    .container1{
      width: 100%;
      max-width: 1440px;
      height: 330px;
      margin: 0 auto;
      .lh-footer-a{
        min-width: 1200px;
        height: 260px;
        display: flex;
        .lh-footer-l{
          display: flex;
          flex-direction: column;
          width: 50%;
          h3{
            font-size: 48px;
          }
          margin-top: 10px;
          ul{
            display: flex;

            li{
              margin-right: 20px;
              padding: 40px 0;
                em{
                  font-size: 18px; font-style: normal;
                }
              i{
                font-size: 18px;
                font-style: normal;

              }
            }
          }
        }
        .lh-footer-r{
          width: 50%;
          display: flex;
          img{
            width: 200px;
            height: 200px;
            background-size: 100% 100%;
          }
          .text{
            margin-left: 20px;
            h2{
              font-size: 32px;
              font-weight: bold;
            }
            h3{
              font-size: 16px;
              line-height: 40px;
            }
          }
        }

      }
      .lh-footer-b{
        color: #fff;
        border-top: 1px solid #fff;
        h2{
          font-size: 14px;
          margin-top: 5px;
          a{color: #fff}
        }
        h3{
          margin-top: 5px;
          font-size: 14px;
         a{color: #fff}
        }
      }
    }

  }
}
</style>
